<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="tianya.css">
</head>
<body>
<!--头部-->
<header>
    <div id="header-left">
        <p>来天涯，与<span>84732461</span>位天涯人共同演绎你的网络人生</p>
    </div>
    <div id="header-right">
        <p>目前在线：806975</p>
        <a href="#">忘记密码？</a>
    </div>
</header>
<!--登录-->
<div id="loginDiv">
    <div>
        <input type="text" placeholder="用户名">
    </div>
    <input type="text" name="username" class="username">
    <p class="text">密码</p>
    <input type="password" name="pwd" class="username">
    <input type="radio" name="remember">
    <span class="text">记住我</span>
    <div id="land">
        <p class="font14">登录</p>
    </div>
    <div id="register">
        <p class="font14">免费注册</p>
    </div>
</div>
<!--内容-->
<article>
    <div id="content">
    </div>
    <div id="content-bottom">
        <p class="font12">手机客户端:</p>
        <div class="split"></div>
        <p class="font12">安卓版</p>
        <div class="split1"></div>
        <p class="font12">iPhone版</p>
    </div>
</article>

<!--导航栏-->
<nav>
    <div id="spit-line"></div>
    <div id="logo">
        <img src="img/tianyalogo_120%5B1%5D.gif">
    </div>
    <ul>
        <li>关于天涯</li>
        <li>广告服务</li>
        <li>开放平台</li>
        <li>天涯客服</li>
        <li>隐私与版权</li>
        <li>联系我们</li>
        <li id="nav-li">加入天涯</li>
    </ul>
</nav>
<!--广告连接-->
<footer>
    <div id="spit"></div>
    <img src="img/piclink1%5B1%5D.png">
    <img src="img/piclink3%5B1%5D.png">
    <img src="img/piclink4%5B1%5D.png">
    <img src="img/piclink5%5B1%5D.png">
</footer>
</body>
</html>